<!--气泡弹窗的按钮-->
<template>
  <div class="fence-btn-pan">
    <Button id="new" class="fence-btn1" icon="ios-add" title="新围栏" type="info"
            v-if="status=='org'" :disabled="status=='fence'" @click="btnClick('new')"></Button>
    <Button id="edit" class="fence-btn1" icon="ios-create-outline" title="修改围栏" type="info"
            v-if="status=='fence'" :disabled="status=='org'" @click="btnClick('edit')"></Button>
    <Button id="remove" class="fence-btn1" icon="ios-trash-outline" title="删除围栏" type="info"
            v-if="status=='fence'" :disabled="status=='org'" @click="btnClick('remove')"></Button>
  </div>
</template>

<script>

export default {
  name:"FenceButton",
  props:{
    status:{
      type: String,
      default: ""
    }
  },
  data(){
    return{

    }
  },
  methods:{
    btnClick(event){
      /**
       * new 新增
       * edit 修改
       * remove 删除
       */
      //console.log(">>>>>>> FenceButton.btnClick event=%o",event);
      this.$emit('btnClick', event);
    }
  }
}

</script>
<style lang="less">
.fence-btn-pan {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0px;
  .fence-btn1 {
    margin-left: 5px;
    margin-bottom: 2px;
  }
}
</style>
